//.jqzoom {
//  //float: left;
//  width: 100%;
//  height: 100%;
//  border: none;
//  position: relative;
//  padding: 0px;
//  cursor: pointer;
//  margin: 0px;
//  display: block;
//  img {
//      width: 438px;
//      background: url(../../img/loading.gif) no-repeat center center;
//  }
//}

.spec-preview {
    position: relative;
    background: url() 0 0 repeat;
    img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 438px;
        background: url(../../img/loading.gif) no-repeat center center;
    }
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 438px;
    height: 412px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
    img {
        width: 200%;
        height: 200%;
    }
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}


/*图片小图预览列表*/

.spec-preview {
    width: 438px;
    height: 438px;
    overflow: hidden;
    span {
        position: relative;
        i {
            position: absolute;
            right: 0;
            bottom: 0;
            display: none;
            width: 54px;
            height: 46px;
            background: url(../../img/malldetail/sprite-malldetail.png) no-repeat 0 0;
            background-color: rgba(255, 255, 255, .6);
        }
    }
}

.spec-scroll {
    .prev,
    .next {
        display: none;
        font-family: "宋体";
        text-align: center;
        width: 10px;
        height: 54px;
        line-height: 54px;
        border: 1px solid #CCC;
        background: #EBEBEB;
        cursor: pointer;
        text-decoration: none;
    }
    .prev {
        float: left;
        margin-right: 4px;
    }
    .next {
        float: right;
    }
    .items {
        float: left;
        margin-top: 20px;
        position: relative;
        width: 100%;
        height: 64px;
        overflow: hidden;
        ul {
            position: absolute;
            width: 999999px;
            height: 64px;
            li {
                position: relative;
                float: left;
                margin-right: 6px;
                width: 77px;
                height: 64px;
                cursor: pointer;
                &:hover {
                    i {
                        position: absolute;
                        left: 0;
                        top: 0;
                        display: block;
                        width: 100%;
                        height: 100%;
                        border: 2px solid $dev-color-active;
                        box-sizing: border-box;
                    }
                }
                img {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}